
  <header class="top-bar max-chat">  
    <div>
      <i class="fa fa-comment"></i>
      <a class="max-chat">Avatar Ang</a>
     <small><i class="min-chat right fa fa-times"></i></small>
    </div> 

  </header>
  <section class="userchat">
    <div class="discon large-12 column hide">

      <div class="chat-ol large-12 column">

        <div class="section-other large-12 column">
          <div class="img large-2 column">
            <a><img src="<?= BASE_URI ?>img/user_dp/a3.jpg"></a> 
          </div>
          <div class="messsages large-10 column">
          <a href="">Brett Virador <small><i class="fa fa-clock-o"></i> <time datetime="2009-11-13T20:14"> 21 mins</time></small></a>
            <p>That makes sense.>It's a pretty small airport.</p>
          </div>
        </div>

        <div class="section-other large-12 column">
          <div class="messsages large-10 column">
          <a class="right">You <small><i class="fa fa-clock-o"></i> <time datetime="2009-11-13T20:14"> Just now</time></small></a>
            <br><p>That makes sense.></p>
          </div>
          <div class="img large-2 column">
            <a><img src="<?= BASE_URI ?>img/user_dp/a1.jpg"></a> 
          </div>
        </div>

      </div>
      <div class="large-12 column" style="padding:0;background:#009EA1;">
        <textarea class="commentbox textarea-xpnd" placeholder="Write here"></textarea>
      </div>

    </div>    
  </section>
